<template>
  <div>
    <!-- 0.3使用组件 组件是标签  单双标签都可以  <Home /> 注：不建议标签内写内容 -->
    <!-- <HelloWorld /> -->
    <!-- 二、组件传值  1.父子组件传值 
    父组件的工作：
        0.1组件建立的关系
        0.2在组件使用的地方，使用属性绑定，
        :自定义属性="你要传递的值"
    -->
    <Home :setName="name"></Home>
  </div>
</template>

<script>
// 1.组件的作用是为了代码的重复利用性，一个组件可以多个页面进行使用（封装）
// 2.组件的使用  0.1引入组件  import 起组件名（首字母大写） from 组件路径
import Home from "../components/Home";
import HelloWorld from "@/components/HelloWorld.vue";
export default {
  // 0.2注册组件  components:{ 自己起组件名 }  components与data等其他是同级的关系
  components:{
    Home,
    HelloWorld
  },
  data() {
    return {
      name:"这是父组件给子组件的值"
    }
  },
}
</script>

<style>

</style>